<template>
<div class="title-box">
    <h1></h1>
    <h2 class="title">{{title}}</h2>
    <h1></h1>
</div>
</template>

<script>
export default {
    props: ["title"]
};
</script>

<style lang="less" scoped>
//标题
.title-box {
    display: flex;
    justify-content: center;
    align-items: center;

    .title {
        font-size: 22px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 600;
        color: rgba(51, 51, 51, 1);
        line-height: 30px;
        padding: 27px 0;
        text-align: center;
        margin: 0;
    }

    h1 {
        width: 30px;
        height: 1px;
        background: rgba(51, 51, 51, 1);
        margin: 0 11px;
    }
}
</style>
